<template>
  <div class="overall flex gap-2 flex-col">
    <div class="flex justify-between items-center">
      <span>{{ t["门店列表"] }} </span>
      <a-button type="primary" :disabled="!targetId || !sourceId" @click="confirm"
        >{{ t["确定"] }}
      </a-button>
    </div>
    <StoreTranslate v-model:from="sourceId" v-model:to="targetId" />
  </div>
</template>

<script setup lang="ts">
import { transportAll } from "@/api/service/priceTag/priceTag";
import StoreTranslate from "@/components/selector/StoreTranslate.vue";

import { Message } from "@arco-design/web-vue";

const targetId = ref();
const sourceId = ref();
const t = translate("公共模块");

const confirm = async () => {
  const { msg } = await transportAll(targetId.value, sourceId.value);
  Message.info(msg);
};
</script>

<style lang="scss" scoped>
.overall {
  background: var(--color-bg-3);
  height: 100%;
}
</style>
